import React, { Component } from "react";
// 1.0 定义一个父组件Parent
class Parent2 extends Component {
  // 1.0 准备一个存储rmb的变量
  state = {
    rmb: 0,
  };

  // 2.0 准备一个方法
  ReceiveRMB = (rmb) => {
    //   5.0 接收到子组件传入的1000元，应该要更新到state的rmb变量中
    this.setState({
      rmb,
    });
  };

  render() {
    return (
      <div>
        {/* 这是父组件的内容 */}
        <br />
        {/* 这种叫做兄弟组件 */}
        {/* 3.0 将接收钱的方法教给子组件 */}
        <Child1 giveRMB={this.ReceiveRMB}></Child1>
        <Child2 rmb={this.state.rmb}></Child2>
      </div>
    );
  }
}

export default Parent2;

// 2.0 定义一个子组件Child
class Child1 extends Component {
  state = {};

  render() {
    return (
      <div>
        {/* 这是子组件1的内容 <br /> */}
        {/* 4.0 接收父组件传入的方法，并调用，传入1000元 */}
        <button
          onClick={() => {
            this.props.giveRMB(Math.random());
          }}
        >
          借出去1000元
        </button>
      </div>
    );
  }
}

// 2.0 定义一个子组件Child
class Child2 extends Component {
  state = {};

  render() {
    return (
      <div>
        {/* 这是子组件2的内容 <br /> */}
        借到{this.props.rmb}钱
      </div>
    );
  }
}
